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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


DAF1ARI SI PEMJ ELA SAN SU DE 
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Slide 04 & 05 [HScrollBar & VScrollBar].3 

Contoh -1 [Contoh Kasus Sederhana -1] .8 

Slide 06 & 07 [DateTimePicker] .13 

Slide 08 & 09 [DomainUpDown].15 

Slide 10 & 11 [NumericUpDown] .16 

Slide 12 s/d 14 [MaskedTextBox].18 

Contoh - 2 [Contoh Kasus Sederhana - 2] .20 

Slide 15 & 16 [Timer].27 

Contoh - 3 [Contoh Kasus Sederhana - 3] .29 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-03 


> Objek PictureBox berfungsi untuk menempatkan gambar ke dalam Form. 
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> Untuk mempermudah pengenalan terhadap objek PictureBox yang digunakan, umumnya seorang 
programmer memberikan penyingkatan nama terhadap PictureBox tersebut dengan penyingkatan 
nama "pic_[nama]”, misalnya "picFoto”, "picGambar”, dan sebagainya. 

> Berikut penjelasan beberapa Properties yang umum digunakan pada PictureBox : _ 


Properties 

Keterangan 

Image 

Memanggil file gambar. 

Ekstensi file gambar yang secara umum dapat dipanggil adalah file GIF, JPG, JPEG, 
BMP, WMF, PNG, atau ekstension file gambar lain yang dapat dikenali oleh Visual 
Studio. 

SizeMode 

Mengatur bentuk penempatan gambar pada objek. 

Bernilai Normal, Stretchlmage, AutoSize, Centerimage, atau Zoom (Default = 
Normal). 


> 

Berikut penjelasan beberapa Method yang umum digunakan pada PictureBox : 


Method 

Keterangan 


Load 

Untuk memanggil file gambar. 

Sama dengan fungsi dari properties Image. 


> Untuk penjelasan beberapa Event yang umum digunakan pada PictureBox adalah sama dengan Event 
dari objek-objek yang sudah pernah dibahas pada sesi sebelumnya. 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-04 &05 


> Objek HScrollBar dan VScrollBar merupakan objek scroll bar pada Form. 

> Objek HScrollBar dan VScrollBar memiliki Properties, Method, dan Event yang sama. Perbedaannya 
hanya pada tampilan visual pada Form saja, dimana objek HScrollBar berbentuk Horizontal (datar], 
sedangkan VScrollBar berbentuk Vertikal (tegak]. 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-04 &05 


> Untuk mempermudah pengenalan terhadap objek HScrollBar dan VScrollBar yang digunakan, 
umumnya seorang programmer memberikan penyingkatan nama terhadap HScrollBar dan VScrollBar 
tersebut dengan penyingkatan nama "hscr_[nama]” untuk HScrollBar, dan "vscr_[nama]” untuk 
VScrollBar, misalnya "hscrWarna”, "vscrUkuran”, dan sebagainya. 

> Berikut penjelasan beberapa Properties yang umum digunakan pada HScrollBar dan VScrollBar : 


Properties 

Keterangan 

LargeChange 

Mengatur nilai loncatan/pergeseran terbesar dari objek ScrollBar. 

Maximum 

Mengatur nilai paling besar (maksimum] dari objek ScrollBar, dimana : 

Untuk HScrollBar, nilai minimum terdapat pada sisi paling kanan. 

Untuk VScrollBar, nilai minimum terdapat pada sisi paling bawah. 

Minimum 

Mengatur nilai paling kecil (minimum] dari objek ScrollBar, dimana : 

Untuk HScrollBar, nilai minimum terdapat pada sisi paling kiri. 

Untuk VScrollBar, nilai minimum terdapat pada sisi paling atas. 

SmallChange 

Mengatur nilai loncatan/pergeseran terkecil dari objek ScrollBar. 

Value 

Mengambil nilai dari posisi panel dari objek ScrollBar saat ini. 


> Untuk gambaran bagaimana properties di atas berinteraksi dengan user, khususnya pada objek 
HScrollBar, adalah sebagai : 


Jika user klik area ini, 
maka Panel tengah 
akan ter-Scroll ke KIRI 
sebesar "LargeChange" 


Lebar Panel 
tengah = besaran 
"LargeChange" 


Jika user klik area ini, 
maka Panel tengah akan 
ter-Scroll ke KANAN 
sebesar "LargeChange" 


Batasan 

"Minimum" 


Batasan 

"Maximum" 


Jika user klik tombol 
ini, maka Panel tengah 
akan ter-Scroll ke KIRI 
sebesar "SmallChange" 


Panel tengah, 
posisinya 
menyatakan 
nilai "Value" 


Jika user klik tombol ini, 
maka Panel tengah akan 
ter-Scroll ke KANAN 
sebesar "SmallChange" 


< 

'- 
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Nilai "Value" = batasan "Minimum" 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-04 &05 


< 

7 

> 

_l-—> 


Nilai "Value" = batasan "Maximum" - "LargeChange" + 1 

> Untuk gambaran bagaimana properties di atas berinteraksi dengan user, khususnya pada objek 
VScrollBar, adalah sebagai: 

Batasan "Minimum" 


Jika user klik area 
in i, maka Panel 
tengah akan ter- 
Scroll ke ATAS 
sebesar 
"LargeChange" 


Lebar Panel 
tengah = besaran 
"LargeChange" 


Jika user klik area 
in i, maka Panel 
tengah akan ter- 
Scroll ke BAWAH 
sebesar 
"LargeChange" 




A 


V 


Jika user klik 
tombol ini, 
maka Panel 
tengah akan 
ter-Scroll ke 
ATAS sebesar 
"SmallChange" 


Panel tengah, 
posisinya 
menyatakan 
nilai "Value" 


Jika user klik 
tombol ini, 
maka Panel 
tengah akan 
ter-Scroll ke 
BAWAH 
sebesar 
"SmallChange' 


Batasan "Maximum" 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-04 &05 


Nilai 
"Value" = 
batasan 
"Minimum" 


A 





V 


Nilai "Value" = 
batasan 
"Maximum" - 
"LargeChange" 
+ 1 


A 


i^ 


V 


> Berikut contoh ilustrasi bagaimana objek HScrollBar dan VScrollBar bekerja terhadap properties di 
atas, misalnya diketahui properties dari objek HScrollBar : 

Minimum = 0 

Maximum =100 

SmallChange = 5 

LargeChange = 25 

Value = 50 (Posisi panel saat ini] 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-04 &05 


Dari pengaturan properties di atas, jika diberikan interaksi berupa pergeseran (scroll), maka akan 
terjadi perubahan nilai Value sebagai berikut: 


Minimum = 0 Value = 50 Maximum = 100 



Jika di-klik tombol 
ini, maka Panel 
tengah akan ter- 
Scroll ke KIRI sebesar 
5 (SmallChange). 
(Value = 45) 


Jika di-klik area ini, 
maka Panel tengah 
akan ter-Scroll ke 
KIRI sebesar 25 
(LargeChange). 
(Value = 25) 


Jika di-klik area ini, 
maka Panel tengah 
akan ter-Scroll ke 
KANAN sebesar 25 
(LargeChange). 
(Value = 75) 


Jika di-klik tombol ini, 
maka Panel tengah 
akan ter-Scroll ke 
KANAN sebesar 5 
(SmallChange). 

(Value = 55) 


< 

— 

> 

1 

Jika Panel 

maka Valu 

r 

di-Scroll habis ke KIRI, 
e = Minimum = 0 


<1 

- 1 

> 

__ i 


Jika Panel di-Scroll habis ke KANAN, maka Value = 

(Maximum - LargeChange + 1) = (100 - 25 + 1) = 76 

> Berikut penjelasan beberapa Event yang umum digunakan pada HScrollBar dan VScrollBar : 


Event Keterangan 


Scroll Dijalankan saat terjadi pergeseran (scroll) dari panel pada objek ScrollBar. 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 1 


Untuk contoh kasus sederhana dari penggunaan objek PictureBox, HScrollBar, dan VScrollBar, dapat 
dilihat contoh berikut: 

1. Rancang tampilan Windows Form Application sebagai berikut: 


(1) picWarna -< 


(2) labell < 

(3) Iabel2 

(4) Iabel3 -< 


Formi 


s 


(5) hscrR (6) hscrG (7) hscrB 


R: < 
G: < 
B: < 


t 


► (8) IblR 

► (9) IbIG 

► (10) IblB 


2. Untuk masing-masing objek dari rancangan tampilan di atas, memiliki keterangan Properties sebagai 
berikut: 

a. Untuk Properties dari Form : _ 


Properties 

Keterangan 

Font 

Name = Consolas 


Size = 12 


Style = Bold 


b. Untuk Properties dari PictureBox ‘‘picWarna” (1) : 


Properties 

Keterangan 

Name 

"picWarna” 

BorderStyle 

Fixed3D 
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Rem ro g. Berorientasi Objekdengan C#(Rertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 1 


c. Untuk Properties dari Label ‘Tabell" (2) : 


Properties 

Keterangan 

Name 

"label 1" 

Text 

"R:" 


d. Untuk Properties dari Label “labe!2" (3) : 



Properties 

Keterangan 


Name 

"label2” 


Text 

"G:” 

e. 

Untuk Properties dari Label "label3” (4) : 


Properties 

Keterangan 


Name 

"label3" 


Text 

"B:" 

f. 

Untuk Properties dari HScrollBar "hscrR" (5) : 


Properties 

Keterangan 


Name 

"hscrR” 

g- 

Untuk Properties dari HScrollBar "hscrG” (6) : 


Properties 

Keterangan 


Name 

"hscrG" 

h. 

Untuk Properties dari HScrollBar "hscrB” (7) : 


Properties 

Keterangan 


Name 

"hscrB" 

i. 

Untuk Properties dari Label "lblR” (8) : 


Properties 

Keterangan 


Name 

"lb IR" 


AutoSize 

False 


BorderStyle 

FixedSingle 


Text 

(Kosongkan] 


TextAlign 

MiddleCenter 
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Rem ro g. Berorientasi Objekdengan C#(Rertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 1 


j. Untuk Properties dari Label “lblG 11 (9) : 


Properties 

Keterangan 

Name 

"lblG" 

AutoSize 

False 

BorderStyle 

FixedSingle 

Text 

"" (Kosongkan] 

TextAlign 

MiddleCenter 


k. Untuk Properties dari Label “lblB 11 (10) : 


Properties 

Keterangan 

Name 

"lblB" 

AutoSize 

False 

BorderStyle 

FixedSingle 

Text 

(Kosongkan] 

TextAlign 

MiddleCenter 


3. Untuk masing-masing objek dari rancangan tampilan di atas, memiliki Event dengan kode program sebagai 
berikut: 

a. Event "Load” dari Form : 

hscrR.SmallChange = 10; 
hscrR.LargeChange = 25; 
hscrR.Minimum = 0; 

hscrR.Maximum = 255 + hscrR.LargeChange - 1; 

hscrR.Value = 0; 

hscrG.SmallChange = 10; 

hscrG.LargeChange = 25; 

hscrG.Minimum = 0; 

hscrG.Maximum = 255 + hscrG.LargeChange - 1; 

hscrG.Value = 0; 

hscrB.SmallChange = 10; 

hscrB.LargeChange = 25; 

hscrB.Minimum = 0; 

hscrB.Maximum = 255 + hscrB.LargeChange - 1; 
hscrB.Value = 0; 

lblR.Text = hscrR.Value.ToString(); 
lblG.Text = hscrG.Value.ToString(); 
lblB.Text = hscrB.Value.ToString(); 
picWarna.BackColor = Color.FromArgb( 

hscrR.Value, hscrG.Value, hscrB.Value); 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 1 


Penjelasan untuk kode program di atas adalah : 

> Untuk potongan kode program : 

hscrR.SmallChange = 10; 
hscrR.LargeChange = 25; 
hscrR.Minimum = 0; 

hscrR.Maximum = 255 + hscrR.LargeChange - 1; 
hscrR.Value = 0; 

Mengatur besaran loncatan terkecil sebesar 10, besaran loncatan terbesar sebesar 25, batasan 
minimum adalah 0, batasan maksimum adalah 255, dan posisi panel saat ini adalah di posisi 0 
untuk objek HScrollBar "hscrR”. 

> Untuk potongan kode program : 

hscrG.SmallChange = 10; 
hscrG.LargeChange = 25; 
hscrG.Minimum = 0; 

hscrG.Maximum = 255 + hscrG.LargeChange - 1; 
hscrG.Value = 0; 

Mengatur besaran loncatan terkecil sebesar 10, besaran loncatan terbesar sebesar 25, batasan 
minimum adalah 0, batasan maksimum adalah 255, dan posisi panel saat ini adalah di posisi 0 
untuk objek HScrollBar "hscrG”. 

> Untuk potongan kode program : 

hscrB.SmallChange = 10; 
hscrB.LargeChange = 25; 
hscrB.Minimum = 0; 

hscrB.Maximum = 255 + hscrB.LargeChange - 1; 
hscrB.Value = 0; 

Mengatur besaran loncatan terkecil sebesar 10, besaran loncatan terbesar sebesar 25, batasan 
minimum adalah 0, batasan maksimum adalah 255, dan posisi panel saat ini adalah di posisi 0 
untuk objek HScrollBar "hscrB”. 

> Untuk potongan kode program : 

lblR.Text = hscrR.Value.ToString(); 
lblG.Text = hscrG.Value.ToString(); 
lblB.Text = hscrB.Value.ToString(); 
picWarna.BackColor = Color.FromArgb( 

hscrR.Value, hscrG.Value, hscrB.Value); 

Mencetak nilai posisi panel dari HScrollBar "hscrR”, "hscrG”, dan "hscrB” ke Label "lblR”, 
"lblG”, dan "lblG”, kemudian mengubah warna latar belakang dari PictureBox "picWarna” 
menjadi kombinasi 3 warna dasar RGB dengan mengambil nilai posisi panel dari HScrollBar 
"hscrR", "hscrG”, dan "hscrB”. 

b. Event "Scroll” dari HScrollBar "hscrR” : 

lblR.Text = hscrR.Value.ToString(); 
picWarna.BackColor = Color .FromArgb( 

hscrR.Value, hscrG.Value, hscrB.Value); 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 1 


Penjelasan untuk kode program di atas adalah : 

Mencetak nilai posisi panel dari HSrollBar "hscrR” ke Label "lblR”, kemudian mengubah 
warna latar belakang dari PictureBox "picWarna” menjadi kombinasi 3 warna dasar RGB 
dengan mengambil nilai posisi panel dari HScrollBar "hscrR”, "hscrG”, dan "hscrB”. 

c. Event "Scroll” dari HScrollBar "hscrR”: 

lblG.Text = hscrG.Value.ToString(); 
picWarna.BackColor = Color.FromArgb( 

hscrR.Value, hscrG.Value, hscrB.Value); 

Penjelasan untuk kode program di atas adalah : 

Mencetak nilai posisi panel dari HSrollBar "hscrG” ke Label "lblG", kemudian mengubah 
warna latar belakang dari PictureBox "picWarna” menjadi kombinasi 3 warna dasar RGB 
dengan mengambil nilai posisi panel dari HScrollBar "hscrR", "hscrG”, dan "hscrB". 

d. Event "Scroll” dari HScrollBar "hscrR": 

lblB.Text = hscrB.Value.ToString(); 
picWarna.BackColor = Color.FromArgb( 

hscrR.Value, hscrG.Value, hscrB.Value); 

Penjelasan untuk kode program di atas adalah : 

Mencetak nilai posisi panel dari HSrollBar "hscrB” ke Label "lblB”, kemudian mengubah 
warna latar belakang dari PictureBox "picWarna” menjadi kombinasi 3 warna dasar RGB 
dengan mengambil nilai posisi panel dari HScrollBar "hscrR”, "hscrG”, dan "hscrB”. 

4. Dari contoh kasus sederhana ini, jika setelah selesai dirancang dan dituliskan kode program untuk 
Event yang ada di atas, maka akan memiliki tampilan video sebagai berikut: 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-06 &07 


> Objek DateTimePicker berfungsi untuk menerima inputan nilai tanggal dan/atau waktu dari user ke 
dalam Form. 
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> Untuk mempermudah pengenalan terhadap objek DateTimePicker yang digunakan, umumnya seorang 
programmer memberikan penyingkatan nama terhadap DateTimePicker tersebut dengan 
penyingkatan nama "dtp_[nama]”, misalnya "dtpTglLahir”, "dtpTglMasuk”, dan sebagainya. 

> Berikut penjelasan beberapa Properties yang umum digunakan pada DateTimePicker : _ 


Properties 

Keterangan 

CalenderFont 

Mengatur font dari tampilan kalender dari objek. 

Checked 

Mengatur tanda centang pada objek. 

Hanya dapat digunakan apabila ShowCheckBox = True. 

Bernilai True atau False (Default = True). 

CustomFormat 

Mengatur format dari tanggal dan/atau waktu sesuai dengan keinginan user 
yang muncul pada objek. 

Hanya dapat digunakan apabila Format = Custom. 

DropDownAlign 

Mengatur perataan tampilan kalender yang muncul saat user dropdown 
tampilan kalender. 

Format 

Mengatur format dari tanggal dan/atau waktu yang muncul pada objek. 

Bernilai Long, Short, Time, atau Custom (Default = Long). 

MaxDate 

Mengatur nilai tanggal paling maksimal yang dapat muncul pada kalender objek 
(Default = 31 Desember 9998 jam 00:00:00). 
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Rem ro g. Berorientasi Objekdengan C#(Rertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-06 &07 


Properties 

Keterangan 

MinDate 

Mengatur nilai tanggal paling minimal yang dapat muncul pada kalender objek 
[Default = 01 Januari 1753 jam 00:00:00]. 

ShowCheckBox 

Mengatur kemunculan kotak tanda centang di dalam objek. 

Bernilai True atau False (Default = False]. 

ShowUpDown 

Mengatur tampilan dropdown menjadi tombol navigasi atas & bawah di sisi 
kanan dari objek. 

Bernilai True atau False (Default = False]. 

Value 

Mengambil nilai tanggal dan/atau waktu yang terpilih. 


> Berikut penjelasan beberapa Event yang umum digunakan pada DateTimePicker : 


Event 

Keterangan 

ValueChanged 

Dijalankan saat terjadi perubahan nilai tanggal dan/atau waktu pada objek. 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-08 &09 


> Objek DomainUpDown berfungsi untuk menampilkan suatu daftar nilai berupa string dengan tombol 
navigasi atas & bawah. 


1 Toolbox 
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> Untuk mempermudah pengenalan terhadap objek DomainUpDown yang digunakan, umumnya 
seorang programmer memberikan penyingkatan nama terhadap DomainUpDown tersebut dengan 
penyingkatan nama "dud_[nama]”, misalnya "dudMenu”, "dudjurusan”, dan sebagainya. 

> Berikut penjelasan beberapa Properties yang umum digunakan pada DomainUpDown : _ 


Properties 

Keterangan 

UpDownAlign 

Mengatur posisi penempatan tombol navigasi atas & bawah pada objek. 

Bernilai Left atau Right (Default = Right], 


> Berikut penjelasan beberapa Method yang umum digunakan pada DomainUpDown : 


Method 

Keterangan 

DownButton 

Berfungsi sama dengan menekan 1 kali tombol navigasi bawah 'k. 

Selectedlndex 

Sama dengan fungsi method Selectedlndex pada objek ListBox atau ComboBox. 

Selectedltem 

Sama dengan fungsi method Selectedlndex pada objek ListBox atau ComboBox. 

UpButton 

Berfungsi sama dengan menekan 1 kali tombol navigasi atas 


> Berikut penjelasan beberapa Event yang umum digunakan pada DomainUpDown : 


Event 

Keterangan 

SelectedltemChanged 

Dijalankan saat terjadi perubahan nilai string pada objek. 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-10 & 11 


> Objek NumericUpDown berfungsi untuk menampilkan suatu daftar nilai berupa string dengan tombol 
navigasi atas & bawah. 


1 Toolbox 

- ? x 1 

Formi.cs [Design]* -0 X 

Search Toolbox fi ~ 
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»9 Formi 
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■ 
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M 
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E3 

PictureBox 




ff 

PrintDialog 




ff 

PrintDocument 




<0 

P ri ntP revi ewC o ntro 1 





> Untuk mempermudah pengenalan terhadap objek NumericUpDown yang digunakan, umumnya 
seorang programmer memberikan penyingkatan nama terhadap NumericUpDown tersebut dengan 
penyingkatan nama "nud_[nama]”, misalnya "nudUmur”, "nudKoefisien”, dan sebagainya. 

> Berikut penjelasan beberapa Properties yang umum digunakan pada NumericUpDown : _ 


Properties 

Keterangan 

DecimalPlaces 

Mengatur jumlah digit desimal (jumlah digit belakang koma] dari nilai 
yang muncul pada objek. 

Hexadecimal 

Mengatur nilai yang muncul menjadi hexadesimal atau desimal. 

Bernilai True atau False (Default = False]. 

Increment 

Mengatur nilai loncatan dari objek. Nilai loncatan pada NumericUpDown 
dapat berupa pecahan. 

Maximum 

Mengatur nilai paling besar (maksimum] dari objek. 

Minimum 

Mengatur nilai paling kecil (minimum] dari objek. 

ThousandsSeparator 

Mengatur kemunculan format pemisah ribuan dari nilai yang muncul pada 
objek. 

Bernilai True atau False (Default = False]. 
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*^MIKROSKIL 


Rem ro g. Berorientasi Objekdengan C#(Rertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-10 & 11 


> Untuk penjelasan beberapa Properties dan Event yang umum digunakan pada NumericUpDown 
adalah sama dengan Properties dan Event dari objek-objek yang sudah pernah dibahas pada sesi 
sebelumnya. 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-12 s/d 14 


> Objek MaskedTextBox adalah sama dengan objek TextBox, dimana terdapat tambahan fitur Masking 
untuk membatasi / memfilter nilai yang diinput oleh user. 


1 Toolbox 

▼ 

¥ x 

Form2.cs [Design] 

Formi.cs* Formi.cs [De 

Search Toolbox 

P ' 








i 

□i 

ImageList 

▲ 


i? 

Formi | cd 11 B 11 SS 1 

A 

Label 





A 

LinkLabel 





O 

ListBox 





■ ■ ■ 

ListView 




..m.. 






t ° 





Wn 

MenuStrip 





sfl 

MessageQueue 





1 

MonthCalendar 





L 

Notifylcon 





ns 

NumericUpDown 






OpenFileDialog 





S 

PageSetupDialog 





■ 

Panel 






> Untuk mempermudah pengenalan terhadap objek MaskedTextBox yang digunakan, umumnya seorang 
programmer memberikan penyingkatan nama terhadap MaskedTextBox tersebut dengan 
penyingkatan nama "mskTxt_[nama]”, misalnya "mskTxtNIM”, "mskTxtKode", dan sebagainya. 

> Berikut penjelasan beberapa Properties yang umum digunakan pada MaskedTextBox : _ 


Properties 

Keterangan 

Mask 

Mengatur format dari Mask pada objek. 

PromptChar 

Mengatur karakter default yang muncul sesuai dengan formas Mask. 
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Rem ro g. Berorientasi Objekdengan C#(Rertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-12 s/d 14 


> Berikut adalah format dari Mask yang dapat ditentukan pada MaskedTextBox : 


Format 

Keterangan 

0 

Angka antara 0 - 9 (Wajib] 

9 

Angka atau Spasi (Optional] 

# 

Angka, Spasi, +, - (Optional] 

L 

Huruf a - z atau A - Z (Wajib] 

? 

Huruf a - z atau A - Z (Optional] 

A 

Karakter a - z, A - Z, atau 0 - 9 (Wajib] 

a 

Karakter a - z, A - Z, atau 0 - 9 (Optional] 

■ 

Pemisah Koma 

f 

Pemisah Ribuan 


Pemisah Waktu 

/ 

Pemisah Tanggal 

$ 

Simbol Mata Uang 

< 

Secara auto mengubah karakter menjadi huruf kecil setelahnya 

> 

Secara auto mengubah karakter menjadi huruf besar setelahnya 




> Berikut penjelasan beberapa Method yang umum digunakan pada MaskedTextBox : 


Method 

Keterangan 

MaskCompleted 

Mengecek apakah semua karakter yang bersifat Wajib telah terisi secara 
lengkap atau belum. 

MaskFull 

Mengecek apakah semua karakter yang bersifat Wajib dan Opsional telah terisi 
secara lengkap atau belum. 


> Untuk penjelasan beberapa Event yang umum digunakan pada MaskedTextBox adalah sama dengan 
Event dari objek-objek yang sudah pernah dibahas pada sesi sebelumnya. 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 2 


Untuk contoh kasus sederhana dari penggunaan objek DateTimePicker, DomainUpDown, 
NumericUpDown, dan MaskedTextBox, dapat dilihat contoh berikut: 

1. Rancang tampilan Windows Form Application sebagai berikut: 


(1) labell 

(2) Iabel2 

(3) Iabel3 

(4) Iabel4 

(5) Iabel5 



4 


4 


4 


4 


4 


4 


4 


4 


4 


4 


(6) mskTxtNIM 

(7) txtNama 

(8) dtpTglLahir 

(9) nudIPK 

(11) btnlnfo 

(10) dudStatus 

(12) Ibllnfo 


2. Untuk masing-masing objek dari rancangan tampilan di atas, memiliki keterangan Properties sebagai 
berikut: 

a. Untuk Properties dari Form : _ 


Properties 

Keterangan 

Font 

Name = Consolas 


Size = 12 


Style = Bold 


b. Untuk Properties dari Label ‘Tabell" (1) : 


Properties 

Keterangan 

Name 

“label 1" 

Text 

“NIM 


c. Untuk Properties dari Label “labe!2" (2) : 


Properties 

Keterangan 

Name 

"label2” 

Text 

"Nama 
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Rem ro g. Berorientasi Objekdengan C#(Rertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 2 


d. Untuk Properties dari Label ‘TabeI3’' (3) : 


Properties 

Keterangan 

Name 

"label3" 

Text 

"Tgl. Lahir 

Untuk Properties dari Label “label4” (4) : 

Properties 

Keterangan 

Name 

"label4" 

Text 

"IPK 

Untuk Properties dari Label "labe!5” (5) : 

Properties 

Keterangan 

Name 

"label5” 

Text 

"Status Akademik 

Untuk Properties dari MaskedTextBox "mskTxtNIM” (6) : 

Properties 

Keterangan 

Name 

"mskTxtNIM” 

Untuk Properties dari TextBox "txtNama” (7) : 

Properties 

Keterangan 

Name 

"txtNama” 

Untuk Properties dari DateTimePicker "dtpTglLahir” (8) : 

Properties 

Keterangan 

Name 

"dtpTglLahir” 

Untuk Properties dari NumericUpDown "nudIPK” (9) : 

Properties 

Keterangan 

Name 

"nudIPK” 


k. Untuk Properties dari DomainUpDown "dudStatus” (10) : 
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Rem ro g. Berorientasi Objekdengan C#(Rertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 2 


1. Untuk Properties dari Button “btnlnfo" (11) : 


Properties 

Keterangan 

Name 

"btnlnfo" 

Text 

"Info" 


m. Untuk Properties dari Label “lbllnfo" (12) : 


Properties 

Keterangan 

Name 

"lbllnfo” 

AutoSize 

False 

BorderStyle 

Fixed3D 

Text 

"”(Kosongkan] 


3. Untuk masing-masing objek dari rancangan tampilan di atas, memiliki Event dengan kode program 
sebagai berikut: 

a. Event "Load” dari Form : 

mskTxtNIM.Mask = "00,000,0000"; 

dtpTglLahir.Format = DateTimePickerFormat .Custom; 

dtpTglLahir.CustomFormat = "dddd, dd MMMM yyyy"; 

nudIPK.Minimum = 0; 

nudIPK.Maximum = 4; 

nudIPK.DecimalPlaces = 2; 

nudIPK.Increment = Ø.Ølm; 

dudStatus.Items.AddRange(new string[ ] 

{ "Aktif", "Non-Aktif", "Cuti", "Lulus", "Keluar", "Drop-Out" >); 
dudStatus.Selectedlndex = 0; 
mskTxtNIM.Focus(); 

Penjelasan untuk kode program di atas adalah : 

> Untuk potongan kode program : 

mskTxtNIM.Mask = "00,000,0000"; 

Mengatur Masking dari MaskedTextBox "mskTxtNIM” terdiri dari 9 digit bersifat wajib. 

> Untuk potongan kode program : 

dtpTglLahir.Format = DateTimePickerFormat. Custom; 
dtpTglLahir.CustomFormat = "dddd, dd MMMM yyyy"; 

Mengatur format custom sendiri pada DateTimePicker "dtpTglLahir” dengan format hari, 
tanggal, bulan, dan tahun. 

> Untuk potongan kode program : 

nudIPK.Minimum = 0; 
nudIPK.Maximum = 4; 
nudIPK.DecimalPlaces = 2; 
nudIPK.Increment = Ø.Ølm; 

Mengatur batasan minimum adalah 0, batasan maksimum adalah 4, jumlah digit pecahan 
sebanyak 2 digit, dan besar loncatan sebesar 0,01 pada NumericUpDown "nudIPK". 
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Rem ro g. Berorientasi Objekdengan C#(Rertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 2 


> Untuk potongan kode program : 

dudStatus.Items. AddRange(new string[ ] 

{ "Aktif", "Non-Aktif", "Cuti", "Lulus", "Keluar", "Drop-Out" >); 
dudStatus.Selectedlndex = 0; 

Memasukkan 6 buah nilai status ke dalam DomainUpDown "dudStatus”, dan mengatur nilai 
awal yang muncul adalah nilai pertama yakni "Aktif". 

> Untuk potongan kode program : 

mskTxtNIM.Focus(); 

Mengatur kursor yang aktif dipasangkan pada MaskedTextBox "mskTxtNIM". 

b. Event "Validating” dari MaskedTextBox "mskTxtNIM”: 

if (ImskTxtNIM.MaskCompleted) { 

errStatus.SetError(mskTxtNIM, "NIM Wajib 9 Digit !!!"); 
e.Cancel = true; 

> 

else 

errStatus.SetError(mskTxtNIM, ; 

Penjelasan untuk kode program di atas adalah : 

Jika user tidak menginput secara lengkap NIM sebanyak 9 digit, maka : 

Dimunculkan notifikasi error pada MaskedTextBox "mskTxtNIM” dengan pesan "NIM 
Wajib 9 Digit!!!”. 

Kursor yang aktif tidak diizinkan meninggalkan MaskedTextBox "mskTxtNIM”. 

Jika tidak, maka notifikasi error pada MaskedTextBox "mskTxtNIM” akan dihilangkan. 

c. Event "Click” dari Button "btnlnfo”: 

string prodi; 

string info = String. Format("NIM = {0}\n", mskTxtNIM.Text); 
if (txtNama.Text.Trim().Length > 0) 

info = String. Concat(info, String. Format( 

"Nama = {0}\n", txtNama.Text)); 

else 

info = String. Concat(info, String. Format("Nama = No-Name\n")); 
switch (mskTxtNIM.Text.Substring(3, 3)) { 
case "021": 

prodi = "D3 Manajemen Informatika"; 
break; 
case "111": 

prodi = "SI Teknik Informatika"; 
break; 
case "211": 

prodi = "SI Sistem Informasi"; 
break; 
case "421": 

prodi = "S2 Teknologi Informasi"; 
break; 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 2 


case "711": 

prodi = "SI Manajemen"; 
break; 
case "811": 

prodi = "SI Akuntansi"; 
break; 
default: 

prodi = "Tak Dikenal !!!"; 
break; 

> 

info = String. Concat(info, String. Format("Prodi = {0}\n", prodi)); 
info = String. Concat(info, String. Format ("Umur = {0} tahun\n", 
DateTime.Now.Subtract(dtpTglLahir.Value).Days / 365)); 
info = String. Concat(infOj String. Format("IPK = {0:F2} ({1})", 
nudIPK.Value, dudStatus.Text)); 
lbllnfo.Text = info; 

Penjelasan untuk kode program di atas adalah : 

> Untuk potongan kode program : 

string prodi; 

string info = String. Format("NIM = {0}\n", mskTxtNIM.Text); 

Dideklarasikan variabel "prodi” dan "info”, dimana untuk variabel "info” langsung diset 
dengan string "NIM = <nilai NIM dari MaskedTextBox "mskTxtNIM”>”, dan karakter ENTER. 

> Untuk potongan kode program : 

if (txtNama.Text.Trim().Length > 0) 

info = String. Concat(infOj String. Format( 

"Nama = {0}\n" J txtNama.Text)); 

else 

info = String. Concat(infOj String. Format("Nama = No-Name\n")); 

Jika nilai Nama yang diinput ke dalam TextBox "txtNama” tidak kosong (nilai tidak 
mengandung semuanya spasi], maka : 

Nilai dari variabel "info” digabungkan string dengan string "Nama = <nilai Nama dari 
TextBox "txtNama”>”, dan karakter ENTER. 

Jika tidak, maka : 

Nilai dari variabel "info” digabungkan string dengan string "Nama = No-Name”, dan 
karakter ENTER. 

> Untuk potongan kode program : 

switch (mskTxtNIM.Text.Substring(3j 3)) { 
case "021": 

prodi = "D3 Manajemen Informatika"; 
break; 
case "111": 

prodi = "SI Teknik Informatika"; 
break; 
case "211": 

prodi = "SI Sistem Informasi"; 
break; 
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C O NTO H KASUS SEDERHANA - 2 


case "421": 

prodi = "S2 Teknologi Informasi"; 
break; 
case "711": 

prodi = "SI Manajemen"; 
break; 
case "811": 

prodi = "SI Akuntansi"; 
break; 
default: 

prodi = "Tak Dikenal !!!"; 
break; 

> 

info = String. Concat(infOj String. Format("Prodi = {0}\n", prodi)); 

Mengecek nilai substring dari nilai NIM untuk nama Prodi, kemudian simpan nama prodi ke 
dalam variabel "prodi”. 

Nilai dari variabel "info” digabungkan string dengan string "Prodi = <nilai Prodi dari variabel 
"prodi”>”, dan karakter ENTER. 

> Untuk potongan kode program : 

info = String. Concat(infOj String. Format ("Umur = {0} tahun\n", 
DateTime.Now.Subtract(dtpTglLahir.Value).Days / 365)); 

Nilai dari variabel "info” digabungkan string dengan string "Umur = <nilai hasil selisih jumlah 
hari antara tanggal hari ini dengan nilai tanggal dari DateTimePicker "dtpTglLahir", 
kemudian dibagi 365 hari untuk mendapatkan jumlah tahun>”, dan karakter ENTER. 

> Untuk potongan kode program : 

info = String. Concat(infOj String. Format("IPK = {0:F2} ({1})", 
nudIPK.Valuej dudStatus.Text)); 
lbllnfo.Text = info; 

Nilai dari variabel “info” digabungkan string dengan string "IPK = <nilai IPK dari 

NumericUpDown "nudIPK”> dan nilai Status dari DomainUpDown "dudStatus", dan 

karakter ENTER. 

Mencetak nilai dari variabel "info” ke dalam TextBox "lbllnfo". 


25 




*^MIKROSKIL 


Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 2 


4. Dari contoh kasus sederhana ini, jika setelah selesai dirancang dan dituliskan kode program untuk 
Event yang ada di atas, maka akan memiliki tampilan video sebagai berikut: 



Note : Memerlukan Adobe Flash Player untuk dapat memutar video di atas. 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-15 & 16 


> Objek Timer merupakan objek untuk mengelola loncatan waktu untuk mendukung suatu proses. 

> Objek Timer tidak memiliki bentuk visual dan tidak menempati Form. 


Toolbox 

Search Toolbox 


Form2.cs [Design] 


Formi.cs* 


Formi.cs [De 


♦1* 

Splitter 

Lx 

StatusStrip 

□ 

TabControl 


TableLayoutPanel 


TextBox 

i \ 

Bom 

ToolStrip \ 

n 

T oolStripContainer\ 

13 

ToorTip \ 

0- 

TrackBar \ 

■ — 

■ — 

■ — 

TreeView 

□ 

□ 

VScrollBar 

SI 

WebBrowser 


> Common Controls 
t> Containers 
|> Menus &Toolbars 
Data 

t> Components 



> Untuk mempermudah pengenalan terhadap objek Timer yang digunakan, umumnya seorang 
programmer memberikan penyingkatan nama terhadap Timer tersebut dengan penyingkatan nama 

"tmr_[nama]”, misalnya "tmrStopWatch”, "tmrWaktu”, dan sebagainya. 


Berikut penjelasan beberapa Properties yang umum digunakan pada Timer : 

Propertie« 

Keterangan 

Interval 

Mengelola durasi / jeda waktu terjadinya event Tick, dengan satuan milidetik. 

Berikut penjelasan beberapa Method yang umum digunakan pada Timer : 

Method 

Keterangan 

Start 

Untuk mengaktifkan event Tick. 

Sama dengan properties Enabled = True. 

Stop 

Untuk mengnon-aktifkan event Tick. 

Sama dengan properties Enabled = False. 
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Rem ro g. Berorientasi Objekdengan C#(Rertemuan ke - 07) 


PENJ ELA SAN DARI SU DE ke-15 & 16 


> Berikut penjelasan beberapa Properties yang umum digunakan pada Timer : 


Event Keterangan 


Tick Dijalankan setiap sekian milidetik dari besaran properties Interval. 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 3 


Untuk contoh kasus sederhana dari penggunaan objek Timer, dapat dilihat contoh berikut: 
1. Rancang tampilan Windows Form Application sebagai berikut: 



-► (1) IblWaktu 


(2) btnStart 


Note : 

Tambahkan 1 objek Timer dengan nama "tmrWaktu" (3) 

2. Untuk masing-masing objek dari rancangan tampilan di atas, memiliki keterangan Properties sebagai 
berikut: 

a. Untuk Properties dari Form : _ 


Properties 

Keterangan 

Font 

Name = Consolas 


Size = 12 


Style = Bold 


b. Untuk Properties dari Label “IblWaktu” (1) : 


Properties 

Keterangan 

Name 

"IblWaktu" 

AutoSize 

False 

BorderStyle 

FixedSingle 

Text 

(Kosongkan] 

TextAlign 

MiddleCenter 


c. Untuk Properties dari Button “btnStart" (2) : 


Properties 

Keterangan 

Name 

"btnStart” 

Text 

"Start”" 

Untuk Properties dari Timer "tmrWaktu” (3) : 

Properties 

Keterangan 

Name 

"tmrWaktu” 
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Rem ro g. Berorientasi Objekdengan C#(Pertemuan ke - 07) 


C O NTO H KASUS SEDERHANA - 3 


3. Tampilan di atas memiliki deklarasi variable global yakni: 

DateTime waktuMulai; 

TimeSpan selisih; 

4. Untuk masing-masing objek dari rancangan tampilan di atas, memiliki Event dengan kode program 
sebagai berikut: 

a. Event "Load” dari Form : 

lblWaktu.Text = "00:00:00.000"; 
tmrWaktu.Interval = 1; 
tmrWaktu.Stop(); 

Penjelasan untuk kode program di atas adalah : 

Mencetak nilai "00:00:00.000” pada Label "lblWaktu”. 

Menset interval dari Timer "tmrWaktu” = 1 milidetik. 

Timer "tmrWaktu” dinon-aktifkan. 

b. Event "Click” dari Button "btnStart”: 

tmrWaktu.Enabled = ItmrWaktu.Enabled; 
if (tmrWaktu.Enabled) { 

waktuMulai = DateTime. Now; 
btnStart.Text = "Stop"; 

> 

else 

btnStart.Text = "Start"; 

Penjelasan untuk kode program di atas adalah : 

Jika properties Enabled dari Timer "tmrWaktu” adalah True, maka akan diubah menjadi 
False, dan sebaliknya jika False, maka akan diubah menjadi True. 

Jika properties Enabled dari Timer "tmrWaktu” adalah True, maka : 

Variabel global "waktuMulai” diset dengan tanggal & waktu saat ini (sistem]. 

Properties Text dari Button "btnStart” akan bernilai "Stop”. 

Jika tidak, maka properties Text dari Button "btnStart” akan bernilai "Start”. 

c. Event "Tick” dari Timer "tmrWaktu": 

selisih = DateTime. Now.Subtract(waktuMulai); 
lblWaktu.Text = String. Format ("{0:D2>:{1:D2):{2:D2}.{3:D3>" , 
selisih.Hours, selisih.Minutes, 
selisih.Seconds, selisih.Milliseconds); 

Penjelasan untuk kode program di atas adalah : 

Variabel global "selisih” diset dengan nilai selisih antara tanggal & waktu saat ini (sistem] 
dengan nilai dari variabel global "waktuMulai”. 

Properties Text dari Label "lblWaktu” akan bernilai hasil dari variabel global "selisih” dengan 
format "00:00:00.000”. 
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C O NTO H KASUS SEDERHANA - 3 


5. Dari contoh kasus sederhana ini, jika setelah selesai dirancang dan dituliskan kode program untuk 
Event yang ada di atas, maka akan memiliki tampilan video sebagai berikut: 



Note : Memerlukan Adobe Flash Player untuk dapat memutar video di atas. 
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